/*
    reset element-ui default css
*/

.el-upload {
	input[type='file'] {
		display: none !important;
	}
}

.el-upload__input {
	display: none;
}

/* 暂时性解决diolag */
.el-dialog {
	transform: none;
	left: 0;
	position: relative;
	margin: 0 auto;
}

body .el-table th.gutter {
	display: table-cell !important;
}

body .el-table colgroup.gutter {
	display: table-cell !important;
}

/* 重置dialog弹框样式 */
.el-dialog {
	overflow: hidden;
	border-radius: 5px !important;
}
.el-dialog__header {
	.el-dialog__title {
		line-height: 20px;
		font-size: 16px;
		font-weight: 600;
		color: $btnBgc;
	}
	.el-dialog__headerbtn {
		right: 30px;
		font-size: 20px;
	}
}
.el-dialog__footer {
	padding: 10px 40px 26px 40px !important;
	.el-button--primary {
		background-color: $btnBgc;
		border-color: $btnBgc;
	}
	.el-button--primary:hover {
		opacity: 0.5;
	}
	.el-button:hover {
		background-color: $btnBgc;
		border-color: $btnBgc;
		color: white;
	}
}

.el-pagination {
	text-align: center !important;
}

/* 重置输入框样式 */
.el-input__inner {
	color: $dark-font-color !important;
}

input:-webkit-input-placeholder {
	color: $light-font-color;
}
input:-moz-placeholder {
	color: $light-font-color;
}
input:-ms-input-placeholder {
	color: $light-font-color;
}

/* 重置表单 */
.el-form-item__label {
	// padding-right: 24px;
}
// .el-form-item{
//   margin-bottom: 30px !important;
// }
.el-form-item .el-form-item {
	margin-bottom: 22px !important;
}

/* 重置表格 */
.el-table th {
	color: $dark-font-color !important;
	background-color: #f0f1f5 !important;
}
.el-table__fixed-right-patch {
	background-color: #f0f1f5 !important;
}
.el-table .cell {
	font-size: 13px !important;
	line-height: 16px !important;
	color: $light-font-color !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
	// background-color: #e2eaf7 !important;
}

/* 重置selecet */

/* 覆盖tree  */
.halo-tree .node-selected {
	border: none !important;
}

/* el-button */
.el-button--primary {
	background-color: $btnBgc;
	color: $btnFon;
	border-color: $btnBgc;
}
.el-button--primary:hover, .el-button--primary:focus {
	background-color: $btnBgc;
	color: $btnFon;
	border-color: $btnBgc;
}
.el-button--text {
	color: $btnBgc;
}
.el-button--text:focus, .el-button--text:hover {
	color: $btnBgc;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover{
	background-color: $btnBgc;
	color: $btnFon;
	border-color: $btnBgc;
	opacity: 0.5;
}


/* el-tabs__item */
.el-tabs__item.is-active, .el-tabs__item:hover {
	color: $btnBgc;
}
.el-tabs__active-bar {
	background-color: $btnBgc;
}
.el-cascader .el-input.is-focus .el-input__inner:focus{
	border-color: $btnBgc;
}
.el-input__inner:focus{
	border-color: $btnBgc;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active{
	color: $btnBgc;
}
.el-select .el-input.is-focus .el-input__inner{
	border-color:$btnBgc;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{
	color:$btnBgc
}
.el-cascader .el-input.is-focus .el-input__inner{
	border-color: $btnBgc;
}
.el-textarea__inner:focus{
	border-color: $btnBgc;
}
// 小圆点选中
.el-radio__input.is-checked .el-radio__inner{
	border-color: $btnBgc;
	background-color: $btnBgc;
}
.el-radio__inner:hover{
	border-color: $btnBgc;
}
.el-radio__input.is-checked + .el-radio__label{
	color: $btnBgc;
}

// 复选框
.el-checkbox__input.is-checked .el-checkbox__inner{
	background-color: $btnBgc;
	border-color: $btnBgc;
}
.el-checkbox__inner:hover{
	border-color: $btnBgc !important;
}

// 开关
.el-switch.is-checked .el-switch__core{
	border-color: $btnBgc;
	background-color: $btnBgc;
}

// .el-tag
.el-tag{
	color: white;
	background-color: $btnBgc;
	border-color: $btnBgc;
}

// 分页
.el-pager li:hover{
	color: $btnBgc;
}
.el-pager li.active{
	color: $btnBgc;
}
.el-pagination .btn-prev:hover{
	color: $btnBgc;
}
.el-pagination .btn-next:hover{
	color: $btnBgc;
}
.el-pagination .el-select .el-input .el-input__inner:hover{
	border-color: $btnBgc;
}
.el-select-dropdown__item.selected{
	color: $btnBgc;
}

.el-pagination.is-background .el-pager li:not(.disabled).active{
	background-color: $btnBgc;
}
// 关闭弹窗
.el-dialog__headerbtn .el-dialog__close:hover{
	color: $btnBgc;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus{
	color: white;
	background-color: $btnBgc;
}
